<template>
	<scroll-view 
		scroll-y="true" 
		class="scroll-area"
		:style="{
		    height: `${contentHeight}px`
		}"
	>
		<slot name="content"></slot>
	</scroll-view>
</template>

<script setup lang="ts">
	const props = defineProps({
		contentHeight: {
			type: Number,
			default: 0
		}
	})
</script>

<style lang="scss" scoped>
	.scroll-area {
		// background-color: #fff;
		width: auto;
		position: relative;
		
	}
</style>